class Tab{
	constructor(){
		this.abtn=document.querySelectorAll(".box input");
		this.ali=document.querySelectorAll(".ul li");
		this.show();
		this.autoFn();
		this.index=0;
	}
	show(){
		var _this=this;
		for(let i=0;i<this.abtn.length;i++){
			this.abtn[i].onclick=function(){
				_this.fn(i);
				_this.index=i;
			};
		}
	}
	fn(i){
		console.log(this)
		for(var j=0;j<this.abtn.length;j++){
			this.abtn[j].className='';
			this.ali[j].className='';
		}
		this.abtn[i].className='active';
		this.ali[i].className='show';
	}
	autoFn(){
		var _this=this;
		setInterval(function(){
			_this.index++;
			if(_this.index==_this.abtn.length){
				_this.index=0;
			}
			_this.fn(_this.index);
		},1000)
	}
}
new Tab()